<template>
  <view class="about-wrap">
    <!-- <view class="logo"></view> -->
    <view class="text-content">
      <rich-text :nodes="htmlContent" :space="space"></rich-text>
    </view>
  </view>
</template>

<script>
import my from '../../servers/my.js'
export default {
  data() {
    return {
      space: 'nbsp',
      htmlContent: ''
    };
  },
  created() {
    this.fetchAggree();
  },
  methods: {
    fetchAggree() {
      let _this = this;
      my.aboutUs({
          data: {
            type: 'aboutUs',
          },
        })
        .then(res => {
          if (res.code === 200) {
            _this.htmlContent = res.data.content;
          }
        });
    },
  },
};
</script>
<style lang="scss" scoped>
.about-wrap {
  width: 100%;
  height: 100vh;
  background-color: #2a3a52;
  padding: 88rpx 0;
  overflow-y: auto;

  .logo {
    width: 390rpx;
    height: 162rpx;
    margin: 0 auto;
    background-image: url('https://haoleidjsc.oss-cn-shanghai.aliyuncs.com/why_logo1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .text-content {
    padding-top: 56rpx;
    color: #fff;
    font-size: 32rpx;
    margin: 0 30rpx;
    line-height: 50rpx;
    word-break: break-all;
  }
}
</style>
